import React, { useContext } from 'react';
import cs from 'classnames';
import styles from './style/index.module.less';
import { GlobalContext } from '@/context';

type Props = {
  status: string;
};

function Status(props: React.PropsWithChildren<Props>) {
  const { rtl } = useContext(GlobalContext);
  return (
    <>
      <div
        className={cs(styles['circle'], styles[props.status])}
        style={{
          [rtl ? 'marginLeft' : 'marginRight']: 8,
        }}
      ></div>
    </>
  );
}

export default Status;
